<template>
<div class="header">
    <div class="header_left">
        <div class="iconfont back_icon">&#xe624;</div>
    </div>
    <div class="header_input">
       <span class="iconfont">&#xe632;</span>
       输入城市/景点/游玩主题
    </div>
    <div class="header_right">
        城市<span class="iconfont arrow-icon">&#xe64a;</span></div>
</div>
</template>

<script>
export default{
    name:"HomeHeader"
}
</script>
<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.header
    display :flex
    height:0.86rem
    background :$bgcolor
    align-items :center
    .header_left 
        width:0.64rem
        color : white
        .back_icon
          text-align:center
    .header_right
        width:1.24rem 
        color : white 
        .arrow-icon
          font-size:.24rem
    .header_input
         flex :1
         background :#fff
         border-radius:.1rem   
         margin:.12rem; 
         height :.62rem  
         line-height :.62rem
         padding-left:0.2rem
         color :#ccc
</style>
